<!DOCTYPE html>
<html>

	<head>
		<title>海川</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<meta name="description" content=" ">
		<link rel="stylesheet" href="lib/weui.min.css">
		<link rel="stylesheet" href="css/jquery-weui.css">
		<link rel="stylesheet" href="css/style.css" />

	</head>
	<style>
.person{
	display: flex;
	flex-direction: column;
	/*align-content: center;*/
	
	align-items: center;
	background: pink;
	padding: 2rem 0;
}

.person-avtar img{
	width: 3rem;height: 3rem;
	border-radius: 1.5rem;
}

.person p{
	/*height: 2rem;line-height:2rem;*/
	margin-top: .5rem;
}
.resume{
	display: flex;
	flex-direction: row;
	justify-content:flex-start;
	align-items: center;
	padding: ;
	height: 2.5rem;
	border: 1px solid #ddd;
}
.resume img{
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 .5rem;
}
	</style>

	<body ontouchstart>
		<div class="person">
			<div class="person-avtar">
				<img src="img/swiper-1.jpg">
			</div>
			<p>用户名</p>
		</div>
		<div class="resume">
			<span><img src="img/swiper-3.jpg"></span>
			<span>简历</span>
		</div>
		
		

		<div class="tabbar">
			<a href="index.html" class="tab-item">
				<div class="tabbar__icon">
					<img src="img/icon_nav_button.png" alt="">
				</div>
				<p class="tabbar__label">咨讯</p>
			</a>
			
			<a href="#tab3" class="tab-item">
				<div class="tabbar__icon">
					<img src="img/icon_nav_article.png" alt="">
				</div>
				<p class="tabbar__label">直播</p>
			</a>
			<a href="#tab4" class="tab-item">
				<div class="tabbar__icon">
					<img src="img/icon_nav_cell.png" alt="">
				</div>
				<p class="tabbar__label">我的</p>
			</a>
		</div>

		<script src="lib/jquery-2.1.4.js"></script>
		<script type="text/javascript" src="js/jquery-weui.js"></script>
		<script src="lib/fastclick.js"></script>
		<script>
			$(function() {
				FastClick.attach(document.body);		
			});
		</script>

	</body>

</html>